<!DOCTYPE html>
<html lang="zh-CN">





<head>
  <meta charset="UTF-8">
  <link rel="apple-touch-icon" sizes="76x76" href="/myblog/img/apple-touch-icon.png">
  <link rel="icon" type="image/png" href="/myblog/img/favicon.png">
  <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  
  <meta name="theme-color" content="#2f4154">
  <meta name="description" content="TakCode Blog">
  <meta name="author" content="谢芃">
  <meta name="keywords" content="">
  <title>TakCode</title>

  <link  rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/5.12.1/css/all.min.css" />
<link  rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css" />
<link  rel="stylesheet" href="https://cdn.staticfile.org/mdbootstrap/4.13.0/css/mdb.min.css" />
<link  rel="stylesheet" href="https://cdn.staticfile.org/github-markdown-css/3.0.1/github-markdown.min.css" />

<link rel="stylesheet" href="//at.alicdn.com/t/font_1067060_qzomjdt8bmp.css">



  <link  rel="stylesheet" href="/myblog/lib/prettify/tomorrow-night-eighties.min.css" />

<link  rel="stylesheet" href="/myblog/css/main.css" />


  <link defer rel="stylesheet" href="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.css" />


<!-- 自定义样式保持在最底部 -->


<meta name="generator" content="Hexo 4.2.0"></head>


<body>
  <header style="height: 100vh;">
    <nav id="navbar" class="navbar fixed-top  navbar-expand-lg navbar-dark scrolling-navbar">
  <div class="container">
    <a class="navbar-brand"
       href="/myblog/">&nbsp;<strong>TakCode</strong>&nbsp;</a>

    <button id="navbar-toggler-btn" class="navbar-toggler" type="button" data-toggle="collapse"
            data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <div class="animated-icon"><span></span><span></span><span></span></div>
    </button>

    <!-- Collapsible content -->
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto text-center">
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/">首页</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/archives/">归档</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/categories/">分类</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/tags/">标签</a>
          </li>
        
          
          
          
          
          <li class="nav-item">
            <a class="nav-link" href="/myblog/about/">关于</a>
          </li>
        
        
          <li class="nav-item" id="search-btn">
            <a class="nav-link" data-toggle="modal" data-target="#modalSearch">&nbsp;&nbsp;<i
                class="iconfont icon-search"></i>&nbsp;&nbsp;</a>
          </li>
        
      </ul>
    </div>
  </div>
</nav>

    <div class="view intro-2" id="background" parallax=true
         style="background: url('/myblog/img/default.png') no-repeat center center;
           background-size: cover;">
      <div class="full-bg-img">
        <div class="mask rgba-black-light flex-center">
          <div class="container text-center white-text fadeInUp">
            <span class="h2" id="subtitle">
              
            </span>

            
          </div>

          
            <div class="scroll-down-bar">
              <i class="fas fa-angle-down scroll-down-arrow"></i>
            </div>
          
        </div>
      </div>
    </div>
  </header>

  <main>
    
      <div class="container nopadding-md">
        <div class="py-5 z-depth-3" id="board"
          style=margin-top:0>
          
          <div class="container">
            <div class="row">
              <div class="col-12 col-md-10 m-auto">
                


  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/07/11/%E5%85%B3%E4%BA%8E%E6%9C%AC%E5%9C%B0%E5%89%8D%E7%AB%AF%E8%B0%83%E8%AF%95%E9%A1%B9%E7%9B%AE%E7%9A%84%E9%97%AE%E9%A2%98/">
        <p class="h4 index-header">关于本地前端调试项目的问题</p>
      </a>

      <a href="/myblog/2020/07/11/%E5%85%B3%E4%BA%8E%E6%9C%AC%E5%9C%B0%E5%89%8D%E7%AB%AF%E8%B0%83%E8%AF%95%E9%A1%B9%E7%9B%AE%E7%9A%84%E9%97%AE%E9%A2%98/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">通常我们需要使用本地环境与测试环境的接口进行联调，需要使用Nginx进行代理和修改hosts文件
下载nginx
解压后修改 conf/nginx.conf文件
server {
  listen       80; #监听端口
  server_name activity.adsl.cn; # 本地访问地址

  #本地vue项目
  location / { # 根目录对应访问地址
  proxy_pass http://localhost:8080/; # 对应代理的本地
    }
}
修改hosts文件
hosts文件在C:\Windows\System32\drivers\etc目</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-07-11&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/07/01/%E7%AE%97%E6%B3%95%E4%B8%8E%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E7%AC%94%E8%AE%B0/">
        <p class="h4 index-header">算法与数据结构笔记</p>
      </a>

      <a href="/myblog/2020/07/01/%E7%AE%97%E6%B3%95%E4%B8%8E%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84%E7%AC%94%E8%AE%B0/">
        
        
          
        
        <div class="index-excerpt" >
          <div class="index-text mb-1">数据结构数据结构主要可以分为：

数组
栈
队列
链表
树

数组数组的创建
const arr = [1,2,3,4,5]

const arr = new Array()

const arr = []

// 创建指定长度的数组
const arr = new Array(7) // 长度为7的空数组

// 创建指定长度，指定内容的数组
const arr = (new Array(7)).fill(1) // 长度为7，每个元素都为 1 的数组
数组访问 or 遍历
// 访问
arr[0] 

// 遍历 
// for循环方法,性能最好
const len = arr.lengt</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-07-01&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/05/12/ui%E7%BB%84%E4%BB%B6%E5%B0%81%E8%A3%85%E7%AC%94%E8%AE%B0/">
        <p class="h4 index-header">ui组件封装笔记</p>
      </a>

      <a href="/myblog/2020/05/12/ui%E7%BB%84%E4%BB%B6%E5%B0%81%E8%A3%85%E7%AC%94%E8%AE%B0/">
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">ui组件封装笔记...</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-05-12&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2020/01/04/%E5%9B%BE%E8%A7%A3HTTP%E7%AC%94%E8%AE%B0/">
        <p class="h4 index-header">图解HTTP学习笔记</p>
      </a>

      <a href="/myblog/2020/01/04/%E5%9B%BE%E8%A7%A3HTTP%E7%AC%94%E8%AE%B0/">
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">图解HTTP学习笔记...</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2020-01-04&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2019/11/12/%E7%AE%97%E6%B3%95%E5%85%A5%E9%97%A8/">
        <p class="h4 index-header">算法入门</p>
      </a>

      <a href="/myblog/2019/11/12/%E7%AE%97%E6%B3%95%E5%85%A5%E9%97%A8/">
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">算法入门...</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-11-12&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2019/09/15/Nodejs+MongoDB%E7%AC%94%E8%AE%B0/">
        <p class="h4 index-header">Node学习笔记</p>
      </a>

      <a href="/myblog/2019/09/15/Nodejs+MongoDB%E7%AC%94%E8%AE%B0/">
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">Node学习笔记...</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-09-15&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2019/05/05/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E5%B8%B8%E7%94%A8%E7%9F%A5%E8%AF%86%E7%82%B9/">
        <p class="h4 index-header">前端面试</p>
      </a>

      <a href="/myblog/2019/05/05/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E5%B8%B8%E7%94%A8%E7%9F%A5%E8%AF%86%E7%82%B9/">
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">前端面试...</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-05-05&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2019/05/05/Vue%E7%AC%94%E8%AE%B0/">
        <p class="h4 index-header">Vue学习笔记</p>
      </a>

      <a href="/myblog/2019/05/05/Vue%E7%AC%94%E8%AE%B0/">
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">Vue学习笔记...</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-05-05&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2019/04/15/JavaScript%E8%BF%9B%E9%98%B6%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1ES6%E7%AC%94%E8%AE%B0/">
        <p class="h4 index-header">JavaScript高级&amp;ES6 学习笔记</p>
      </a>

      <a href="/myblog/2019/04/15/JavaScript%E8%BF%9B%E9%98%B6%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1ES6%E7%AC%94%E8%AE%B0/">
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">JavaScript高级&amp;ES6 学习笔记...</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-04-15&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>

  <div class="row mx-auto index-card">
    
    
    <div class="col-12 col-md-12 mx-auto index-info">
      <a href="/myblog/2019/03/15/JS%20DOM%20BOM%20%E6%93%8D%E4%BD%9C/">
        <p class="h4 index-header">JS DOM BOM操作</p>
      </a>

      <a href="/myblog/2019/03/15/JS%20DOM%20BOM%20%E6%93%8D%E4%BD%9C/">
        
        
          
          
        
        <div class="index-excerpt" style="max-height: none;">
          <div class="index-text mb-1">JS DOM BOM操作学习笔记...</div>
        </div>
      </a>

      <div class="index-btm">
        
          <i class="iconfont icon-riqi2"></i>&nbsp;2019-03-15&nbsp;&nbsp;
        
        
        
      </div>
    </div>
  </div>



  <nav aria-label="index posts navigation">
    <span class="pagination pg-blue justify-content-center mt-5" id="pagination">
      <a class="extend prev" rel="prev" href="/myblog/"><i class="fas fa-angle-double-left"></i></a><a class="page-number" href="/myblog/">1</a><span class="page-number current">2</span><a class="page-number" href="/myblog/page/3/">3</a><a class="extend next" rel="next" href="/myblog/page/3/"><i class="fas fa-angle-double-right"></i></a>
    </span>
  </nav>
  
  <script>
    for (ele of document.getElementById("pagination").getElementsByTagName("a")) {
      ele.href += '#board';
    }
  </script>



              </div>
            </div>
          </div>
        </div>
      </div>
    
  </main>

  
    <a class="z-depth-1" id="scroll-top-button" href="#" role="button">
      <i class="fa fa-chevron-up scroll-top-arrow" aria-hidden="true"></i>
    </a>
  

  
    <div class="modal fade" id="modalSearch" tabindex="-1" role="dialog" aria-labelledby="ModalLabel"
     aria-hidden="true">
  <div class="modal-dialog modal-dialog-scrollable modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header text-center">
        <h4 class="modal-title w-100 font-weight-bold">搜索</h4>
        <button type="button" id="local-search-close" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body mx-3">
        <div class="md-form mb-5">
          <input type="text" id="local-search-input" class="form-control validate">
          <label data-error="x" data-success="v"
                 for="local-search-input">关键词</label>
        </div>
        <div class="list-group" id="local-search-result"></div>
      </div>
    </div>
  </div>
</div>
  

  

  

  <footer class="mt-5">
  <div class="text-center py-3">
    <div>
      <a href="https://hexo.io" target="_blank" rel="nofollow noopener"><b>Hexo</b></a>
      <i class="iconfont icon-love"></i>
      <a href="https://github.com/fluid-dev/hexo-theme-fluid" target="_blank" rel="nofollow noopener"> <b>Fluid</b></a>
    </div>
    

    

    
  </div>
</footer>

<!-- SCRIPTS -->
<script  src="https://cdn.staticfile.org/jquery/3.4.1/jquery.min.js" ></script>
<script  src="https://cdn.staticfile.org/popper.js/1.16.1/umd/popper.min.js" ></script>
<script  src="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/js/bootstrap.min.js" ></script>
<script  src="https://cdn.staticfile.org/mdbootstrap/4.13.0/js/mdb.min.js" ></script>
<script  src="/myblog/js/main.js" ></script>


  <script  src="/myblog/js/lazyload.js" ></script>





  <script defer src="https://cdn.staticfile.org/clipboard.js/2.0.6/clipboard.min.js" ></script>
  <script  src="/myblog/js/clipboard-use.js" ></script>








<!-- Plugins -->



  <script  src="https://cdn.staticfile.org/prettify/188.0.0/prettify.min.js" ></script>
  <script>
    $(document).ready(function () {
      $('pre').addClass('prettyprint  linenums');
      prettyPrint();
    })
  </script>



  <script  src="https://cdn.staticfile.org/typed.js/2.0.11/typed.min.js" ></script>
  <script>
    var typed = new Typed('#subtitle', {
      strings: [
        '  ',
        "Stay Hungry, Stay Foolish&nbsp;",
      ],
      cursorChar: "_",
      typeSpeed: 70,
      loop: false,
    });
    typed.stop();
    $(document).ready(function () {
      $(".typed-cursor").addClass("h2");
      typed.start();
    });
  </script>



  <script  src="https://cdn.staticfile.org/anchor-js/4.2.2/anchor.min.js" ></script>
  <script>
    anchors.options = {
      placement: "right",
      visible: "hover",
      
    };
    var el = "h1,h2,h3,h4,h5,h6".split(",");
    var res = [];
    for (item of el) {
      res.push(".markdown-body > " + item)
    }
    anchors.add(res.join(", "))
  </script>



  <script  src="/myblog/js/local-search.js" ></script>
  <script>
    var path = "/myblog/local-search.xml";
    var inputArea = document.querySelector("#local-search-input");
    inputArea.onclick = function () {
      getSearchFile(path);
      this.onclick = null
    }
  </script>



  <script defer src="https://cdn.staticfile.org/fancybox/3.5.7/jquery.fancybox.min.js" ></script>
  <script>
    $("#post img:not(.no-zoom img, img[no-zoom])").each(
      function () {
        var element = document.createElement("a");
        $(element).attr("data-fancybox", "images");
        $(element).attr("href", $(this).attr("src"));
        $(this).wrap(element);
      }
    );
  </script>












</body>
</html>
